<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单详情</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../css/rerset.css">
    <link rel="stylesheet" href="../css/font/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/ordDetails.css">
</head>

<body class="body">
    <header>
        <!-- 订单详情 -->
        <div class="city flex jc-sb bg-fff bd-gray">
            <a href="./home.html" class="icon iconfont ml-10 f24">&#xe64b;</a>
            <p class="f16">订单详情</p>
            <span style="visibility:hidden;" class="icon iconfont ml-10">&#xe64b;</span>
        </div>
    </header>

    <!-- 图片 -->
    <div class="image flex jc-sa fcc">
        <p class="f15 fff">取消订单</p>
        <img src="../img/qx.png" style="width:85px;height:67px;">
    </div>

    <!-- 电话 -->
    <div class="phone flex bg-fff ">
        <span class="icon iconfont ml-10 gray f22">&#xe622;</span>
        <p class="ml-5 lh f15">138 3234 5567</p>
    </div>

    <!-- 影片详情 -->
    <div class="bg-fff mt-10" style="height:147px;">
        <div class="imgBox flex">
            <div class="imgBorder flex fcc">
                <img src="../img/orderList1.jpg" height="48px;">
            </div>
            <div class="lh15 w100pc ml-15">
                <p class="f15">海市蜃楼 2D</p>
                <p class="f13 gray  mt-5">星期二 2019-04-02 22:10</p>
                <p class="f13 gray">深圳金逸影城沙井店</p>
                <p class="f13 gray">3号激光厅 1排6座</p>
                <div class=" gray2  flex jc-sb mt-10 fcc">
                    <p> <span class=" orange">&yen;25</span> <s class="f12">&yen;45</s></p>
                    <p class="f12">x1</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 商品金额 -->
    <div class="mt-10">
        <div class=" h60 bg-fff">
            <div class="flex jc-sb fcc f14 ">
                <p class="ml-10 mt-10 gray">商品金额</p>
                <p class="mr-10 mt-10 f12 orange">&yen; 25</p>
            </div>
            <div class="flex jc-sb fcc f14 mt-10">
                <p class="ml-10 ">实付</p>
                <p class="mr-10  orange">&yen; 25</p>
            </div>
        </div>
    </div>

    <!-- 地址 -->
    <div class="flex jc-sb fcc h60 bg-fff mt-10">
        <div>
            <p class="f14  ml-10">深圳金逸影城沙井店</p>
            <p class="f12 gray ml-10 mt-10">深圳市宝安区沙井街道民主大道岁宝百货3楼</p>
        </div>
        <span class="icon iconfont mr-15 f20">&#xe62b;</span>
    </div>

    <!-- 订单号 -->
    <div class="flex jc-sb fcc h60 bg-fff mt-10">
        <div class="w100pc f12">
            <div class="flex jc-sb fcc">
                <p class=" gray2 ml-10">订单编号 2019 0402 2142 4284 495</p>
                <p class=" gray2 mr-10 copy">复制</p>
            </div>
            <p class=" gray2 ml-10 mt-5">下单时间 2019-04-02 21:39:41</p>
        </div>
    </div>

    <!-- 再次购买 -->
    <div class=" buy bg-fff">
        <div class="flex jc-sb fcc">
            <span class="icon iconfont ml-5">&#xe6ee;</span>
            <p class="andBuy f12 mr-10">再次购买</p>
        </div>
    </div>


</body>

</html>